import React, { useEffect, useState } from "react";
import { Container, ListGroup } from "react-bootstrap";
import GuideItem from "./GuideItem";


const Guide:React.FC = ()=> {


    const guidesTmp = [{title:"xxx",url:"https://example.com/somearticle"}]

    const [guides,setGuides] = useState<Array<any>>(guidesTmp)

    useEffect(()=>{
        
    },[])

    return (<Container fluid className="p-3">
        This is Guide Page, in this page you wil be able to add/remove your prefered webpage links. It will help you restropect your AI knowledge for convenient 
        <br/><a href="https://w3schools.com/ai/default.asp">https://w3schools.com/ai/default.asp</a>
        <ListGroup>
        {guides.map((guide,idx)=><GuideItem key={"some"+idx} title={guide.title} url={guide.url}/>)}
        </ListGroup>

    </Container>)
}


export default Guide